<!DOCTYPE html> 
<html> 
	<head> 
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
		<title>Google Maps JavaScript API v3 Example: Reverse Geocoding</title> 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 
		<script type="text/javascript"> 
			var geocoder, kmlLayer;
			var map;
			var infowindow = new google.maps.InfoWindow();
			var marker;
			function initialize() {
				geocoder = new google.maps.Geocoder();
				var latlng = new google.maps.LatLng(40.730885,-73.997383);
				var myOptions = {
				  zoom: 8,
				  center: latlng,
				  mapTypeId: 'roadmap'
				}
				map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
				
				// Layer
				kmlLayer = new google.maps.KmlLayer('http://custom-layer-gmaps.googlecode.com/svn/trunk/customLayer.kml');
				kmlLayer.setMap(map);
				google.maps.event.addListener(kmlLayer, 'click', function(kmlEvent) {
					// Muetra una burbuja con la descripcion del building pero se puede customizar
				});
			}
		</script> 
	</head> 
	
	<body onload="initialize()"> 
		<div id="map_canvas" style="height: 600px; width: 800px;"></div> 
	</body> 
</html> 
